﻿<%@ Page Title="" Language="C#" MasterPageFile="~/UserActivity/UserActivityTemlates.Master" AutoEventWireup="true" CodeBehind="VAAdd.aspx.cs" Inherits="WebApplication.UserActivity.VAAdd" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<script type="text/javascript">
    //Delete form()
    function DeleteThis(th) {

        self = $(th);
        $("#" + id).find(".addimg").show();
        self.parents(".activediv").remove();

    }

    //add function
    function AddFormModel(type) {
        //item
        var str1 = "<div class=\"activediv\"><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\">";
		str1 += "<tbody><tr><td width=\"20\" valign=\"bottom\"><p>&nbsp;</p>";
        str1 += "<img src=\"../Media/Css/images/add-green.png\" class=\"upimg addimg\" onclick='AddFormModel(\"VA\")' />";
        str1 += "<img src=\"../Media/Css/images/delete-green.png\" onclick='DeleteThis(this)' /><p class=\"TL-pb\">&nbsp;</p></td>";
        str1 += "<td valign=\"top\"><p>&nbsp;</p><p class=\"upinput\">Rec'd Date</p>";
		str1 += "<select class=\"select100\"><option>01 Mar 2011</option></select></td>";
		str1 += "<td><p>&nbsp;</p><p class=\"upinput\">Person</p>";
		str1 += "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" class=\"TLS-table\">";
		str1 += "<tr><th><input type=\"radio\" id=\"\"><label for=\"\">Ms.Sui Ming Chan 陳笑明 小姐</label> </th></tr>";
		str1 += "<tr><td>Ms.Sui Ming Chan 陳笑明 小姐</td><td>Position: Director</td>";
		str1 += "<td>Type of Travel Document Held: HKSAR</td><td>Passport No.: XX1234567</td></tr>";
		str1 += "<tr><td>Tel: (852) 12345678</td><td>Fax: (852) 12345678</td><td>Email: judy@imakertechnology.com</td>";
		str1 += "<td>&nbsp;</td></tr></table></td>";
		str1 += "<td><p class=\"mdd-s\">Surcharge</p>";
		str1 += "<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" class=\"all-pr-table\">";
		str1 += "<tr><td><p class=\"upinput\">Currency</p><select class=\"sl2\"><option>HKD</option></select></td>";
        str1 += "<td><p class=\"upinput\">$</p><input type=\"text\" class=\"input20\"></td>";
        str1 += "<td><p class=\"upinput\">%</p><input type=\"text\" class=\"input20\"></td></tr></table>";
        str1 += "<p class=\"TL-pb\">&nbsp;</p></td>";
		str1 += "<td><p class=\"mdd-d\">Discount</p>";
		str1 += "<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" class=\"all-pr-table\">";
		str1 += "<tr><td><p class=\"upinput\">Currency</p><select class=\"sl2\"><option>HKD</option></select></td>";
		str1 += "<td><p class=\"upinput\">$</p><input type=\"text\" class=\"input20\"></td>";
		str1 += "<td><p class=\"upinput\">%</p><input type=\"text\" class=\"input20\"></td></tr></table>";
        str1 += "<p class=\"TL-pb\">&nbsp;</p></td></tr></tbody></table></div>";


        str = "";
        id = "";
        switch (type) {
            case "VA":
                str = str1;
                id = "VisaA";
                break;

        }

        var msg = "最多可以放5個!";
        var len = $("#" + id).find(".activediv").size();
        if (len < 5) {
            $("#" + id).append(str);
            if (len < 4)
                $("#" + id).find(".addimg").show();
            else
                $("#" + id).find(".addimg").hide();
        }
        else {
            $("#" + id).prev(".addimg").hide();
            alert(msg)
        }
    }
</script>


</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
  <div class="content-title">
    <h1>Activity > Export Marketing > Activity Record</h1>
  </div> 
  <div class="con-nav">
    <a href="#" class="btn"><span class="ui-icon ui-icon-newwin"></span>Add New Record</a>
  </div>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
  <div class="partWrap">
   
    <h2 class="ttpl pdbm">Add Visa Application</h2>
    <div class="clear5"></div>
    <h5 class="ttpl">Visa Application</h5>
       <table cellpadding="0" cellspacing="0" border="0" width="100%">
		 <tbody>
		  <tr> 
		   <td id="VisaA" colspan="8">
            <div class="activediv">
               <table cellpadding="0" cellspacing="0" border="0" width="100%">
		        <tbody>
		        <tr>
                  <td width="20" valign="top">
                   <p>&nbsp;</p>
                    <p class="upinput">&nbsp;</p>
                    <img src="../Media/Css/images/add-green.png" class="upimg addimg" onclick='AddFormModel("VA")' />
                  </td>
		          <td valign="top">
		           <p>&nbsp;</p>
		           <p class="upinput">Rec'd Date</p>
		           <select class="select100"><option>01 Mar 2011</option></select>
		          </td>
		          <td>
			        <p>&nbsp;</p>
			        <p class="upinput">Person</p>
			        <table cellpadding="0" cellspacing="0" border="0" width="100%" class="TLS-table">
			            <tr><th><input type="radio" id=""><label for="">Ms.Sui Ming Chan 陳笑明 小姐</label> </th></tr>
			            <tr>
			              <td>Ms.Sui Ming Chan 陳笑明 小姐</td>
			              <td>Position: Director</td>
			              <td>Type of Travel Document Held: HKSAR</td>
			              <td>Passport No.: XX1234567</td>
			            </tr>
			            <tr>
			              <td>Tel: (852) 12345678</td>
			              <td>Fax: (852) 12345678</td>
			              <td>Email: judy@imakertechnology.com</td>
			              <td>&nbsp;</td>
			            </tr>
			        </table>
		          </td>
		          <td>
		            <p class="mdd-s">Surcharge</p>
		            <table cellspacing="0" cellpadding="0" border="0" class="all-pr-table">
                     <tr>
                      <td><p class="upinput">Currency</p><select class="sl2"><option>HKD</option></select></td>
                      <td><p class="upinput">$</p><input type="text" class="input20"></td>
                      <td><p class="upinput">%</p><input type="text" class="input20"></td>
                     </tr>
                    </table>
                    <p class="TL-pb">&nbsp;</p>
		          </td>
		          <td>
		            <p class="mdd-d">Discount</p>
		            <table cellspacing="0" cellpadding="0" border="0" class="all-pr-table">
                     <tr>
                      <td><p class="upinput">Currency</p><select class="sl2"><option>HKD</option></select></td>
                      <td><p class="upinput">$</p><input type="text" class="input20"></td>
                      <td><p class="upinput">%</p><input type="text" class="input20"></td>
                     </tr>
                    </table>
                    <p class="TL-pb">&nbsp;</p>
		        </td>
		        </tr>
		        </tbody>
		      </table>
            </div>
          </td>
         </tr>
         <tr>
           <td width="20">&nbsp;</td>
           <td><p class="upinput">&nbsp;</p><textarea class="textarea800">Remark</textarea></td>
         </tr>
		 <tr>
            <td width="20">&nbsp;</td>
		    <td align="right">
		    <table>
			    <tr>
			    <td>Sub Total:</td><td>HKD</td><td>200.00</td>
			    </tr>
		    </table>
		    </td>
		</tr>
        </tbody>
      </table>

	   <div class="clear20"></div>

       <table width="200" border="0" cellpadding="0" cellspacing="0">
		<tr>
         <td width="20">&nbsp;</td>
		 <td>
		    <ul class="uibtn">
		    <li><a>Save</a></li>
		    </ul>	 
		 </td>
		 <td>
		    <ul class="uibtn">
		    <li><a>Cancel</a></li>
		    </ul>	
		 </td>
		</tr>
	   </table>   

  </div>
</asp:Content>
